<style>
  .list-block .item-content,.card-footer {padding-left: 2rem;}
  .button-bottom {
    /*padding: .5rem 1rem;*/
    /*width: 100%;*/
    /*background: #fff;*/
    /*border-top: 1px solid #e1e1e1;*/
    /*height: auto;*/
    /*height: 3.15rem;*/
    /*padding: 0 1rem;*/
    margin-left: 0;
    /*background: #ccc;*/
    /*color: #444;*/
    border-top: none;
  }
  .button-bottom .choose-button,.button-bottom .submit-button,.button-bottom .cancel-button {
    background: #4cd964 ;
    height: 100%;
    line-height: 2.5rem;
    text-align: center;
    color: #fff;
  }
  .button-bottom .cancel-button {
    background: #c30;
  }
  /*.hidden-button {display: none;}*/


  .order .o-counts {
    font-size: .6rem;
    color: #fff;
    background: #0894ec;
    flex-basis: 1.25rem;
    display: inline-block;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
  }
  .order .o-title {
    flex-basis: 80vw;
    padding: 0 .3rem;
  }
  .order .o-price {
    color: #c30;
  }
  .state {
    width: 20%;
    float: left;

  }
  .state .s-name {
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
    border: .2vw solid #ccc;
    color: #ccc;
    border-radius: 50%;
    font-size: .5rem;
    margin: 0 4.5vw;
    position: relative;
  }
  .state .s-name:before {
    content: '';
    position: absolute;
    width: 9vw;
    height: .2vw;
    top:5vw;
    left:-9vw;
    background: #ccc;
  }
  .state .s-name.success {
    border: .2vw solid #3c3;
    color: #3c3;
  }
  .state .s-name.success:before {
    background: #3c3;
  }
  .state:first-child .s-name:before {
    height: 0;
    width: 0;
  }
  .state .s-time {
    font-size: .4rem;
    text-align: center;
    color: #888;
  }
  .order .card-detail {
    background: #eee;
    display: none;

  }
  .card-footer .amount[type="number"] {
    width: 60px;
    height: auto;
    text-align: center;
    background: #fafafa;
    font-size: .7rem;
    padding: 0;
  }
  .plus,.minus {
    width: 24px;
    line-height: 22px;
    height: 24px;
    text-align: center;
    background: #e7e7e7;
    /*border-radius: 2px;*/
  }
  .p-check {
    width: 2rem;
    height: 100%;
    position: absolute;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
  }
  .p-check-button {
    /*display: inline-block;*/
    width: 1rem;
    height:1rem;
    border: 1px solid #0894ec;
    border-radius: 50%;
  }
  .p-check-button.ok {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-check-button.ok:before{
    content: "";
    width: .5rem;
    height: .5rem;
    background: #0894ec;
    border-radius: 50%;
  }
  .close-popup {
    position: fixed;
  }

  /* info */

</style>
<div class="page">
  <header class="bar bar-nav">
  <!--<a class="icon icon-menu pull-left open-panel"></a>-->
  <h1 class="title">我的</h1>
  </header>
  <div class="content">
    <div class="list-block">
      <ul>
        <li class="item-content item-link order" >
          <div class="item-inner">
            <div class="item-title">我的订单</div>
            <!--<div class="item-after"></div>-->
          </div>
        </li>
        <li class="item-content item-link address">
          <div class="item-inner">
            <div class="item-title">收件信息</div>
            <!--<div class="item-after"></div>-->
          </div>
        </li>

      </ul>
    </div>
  </div>

</div>
<script>
  $(function(){
    $('.order').click(function(){
        window.location.href = "user/order";
    });
    $('.address').click(function(){
      window.location.href = "user/address";
    });
  });
</script>




